<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <div class="nav">
      <div class="nav-c">
        <img src="img/logo.png" alt="logo" />
        <ul class="nav-left">
          <li class="nav-item">
            <a href="../../index.html">
              首页
            </a>
            <span class="line"></span>
          </li>
          <li class="nav-item active">
            <a href="index.html">项目</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="../produce/index.html">产品</a>
            <span class="line"></span>
          </li>

          <li class="nav-item">
            <a href="../service/index.html">服务</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="../news/index.html">新闻</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="../about/index.html">关于</a>
            <span class="line"></span>
          </li>
        </ul>
      </div>
    </div>

    <div class="container-c">
      <div class="banner"></div>

      <div class="position-subnav">
        <div class="position-info">
          <span id="home" class="position-info-text">您的位置：项目</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">项目中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item active">
              <a href="#home">家居</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#work">办公</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">餐饮</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#more">More</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>
      </div>

      <div class="project-pic">
        <ul class="pic-list">
          <li class="pic-item">
            <img src="img/pic1.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">Marylebone公寓 上海</p>
              <p class="text-1">房间空间的和谐共融</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic2.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">月见棱廓 北京</p>
              <p class="text-1">舒适而注重情感交流的小住宅</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic3.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">亭仔脚 台北</p>
              <p class="text-1">生活记忆的延续</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic4.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">藏式民居改造 拉萨</p>
              <p class="text-1">兼顾藏族传统精神生活的现代住宅</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic5.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">白虎头村老宅改造 北京</p>
              <p class="text-1">老宅，院落，远山</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic6.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">Florentine公寓 杭州</p>
              <p class="text-1">两种色调与两种氛围的居住空间</p>
            </div>
          </li>
        </ul>
      </div>

      <div class="position-subnav active">
        <div class="position-info">
          <span id="work" class="position-info-text">您的位置：项目</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">项目中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#home">家居</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#work" >办公</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">餐饮</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#more">More</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>
      </div>

      <div class="project-pic bottom">
        <ul class="pic-list">
          <li class="pic-item">
            <img src="img/pic7.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">Olste办公空间 深圳</p>
              <p class="text-1">干净明亮的办公空间</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic8.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">百分金融办公室 北京</p>
              <p class="text-1">从“私密”到“开放”</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic9.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">感物办公空间 杭州</p>
              <p class="text-1">我和我的森林性感受</p>
            </div>
          </li>
        </ul> 
      </div>

      <div class="position-subnav bottom">
        <div class="position-info">
          <span id="chair" class="position-info-text">您的位置：项目</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">项目中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#home">家居</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#work">办公</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#chair">餐饮</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#more">More</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>
      </div>

      <div class="project-pic bottom">
        <ul class="pic-list ">
          <li class="pic-item">
            <img src="img/pic10.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">肯德基西安大雁塔店 西安</p>
              <p class="text-1">以现代语言讲述古城历史文化</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic11.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">La Palma餐厅 重庆 </p>
              <p class="text-1">将加州海滩元素融入意式餐厅</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic12.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">LUCKY PIGGY 杭州</p>
              <p class="text-1">亲和力满满的轻食餐厅</p>
            </div>
          </li>
        </ul>
      </div>

      <div class="position-subnav bottom">
        <div class="position-info">
          <span id="more" class="position-info-text">您的位置：项目</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">项目中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#home">家居</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#work">办公</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">餐饮</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#more">More</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>
      </div>

      <div class="project-pic bottom">
        <ul class="pic-list">
          <li class="pic-item">
            <img src="img/pic13.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">筑蹊生活主题书店 宁波</p>
              <p class="text-1">有机几何与循环路径的购书体验</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic14.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">R FITNESS健身工作室 香港</p>
              <p class="text-1">由光定义的空间</p>
            </div>
          </li>
          <li class="pic-item">
            <img src="img/pic15.jpg" alt="pic1" />
            <div class="text">
              <p class="text-0">月饼博物馆 乌兰察布</p>
              <p class="text-1">一个本地材料营造的低成本博物馆</p>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <div class="footer">
      <div class="footer-l">
        <p>简设装饰有限公司</p>
        <ul class="footer-l-logo">
          <li>
            <img src="img/weibo.png" alt="" />
          </li>
          <li>
            <img src="img/wechat.png" alt="" />
          </li>
          <li>
            <img src="img/qq.png" alt="" />
          </li>
        </ul>
      </div>

      <div class="footer-m">
        <p>地址：中国地区**分区6号写字楼888室</p>
        <p>电话：688-8888-008</p>
        <p>传真：000-66668888</p>
      </div>

      <div class="footer-r">
        <p>邮编：100000</p>
        <p>手机：186-6006-8008</p>
        <p>邮箱：00060008@163.com</p>
      </div>
    </div>
  </body>
</html>
